<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<f:view contentType="text/html">
	<h:head>
		<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
		<link type="text/css" rel="stylesheet" href="css/default.css" />
		<link type="text/css" rel="stylesheet" href="themes/owner/skin.css" />
		<style type="text/css">
body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	background: url('images/fond1.jpg');
	font-size: 90%;
}

.scroll {
	width: 150px;
	height: 50px;
	overflow: hidden;
	border: 1px solid #000000;
}

.flecha {
	cursor: pointer;
}

.ui-widget {
	font-size: 75%;
}

.nestedUnit {
	border: 0px none !important
}

.ui-layout-center .ui-layout-resizer {
	border: 1px solid #A8A8A8;
}

.ui-tree-item span {
	float: left;
}

.ui-tree {
	border: 0px none;
}

.ui-tabs {
	border: 0px none;
}

#titT {
	font-family: Times New Roman, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
}

.CabeceraLayout {
	background: #AE9663 !important;
}

.menuIzquiera {
	width: 180px !important;
	border: 0px !important;
	color: #000000 !important;
	font-weight: bold !important;
}

.menuIzquiera2 {
	width: 180px !important;
	border: 0px !important;
	color: #000000 !important;
	font-weight: bold !important;
}
</style>
		<script language='javascript'>
  
  function move_up() {
    scroll_clipper.scrollTop = 0;
  }

</script>
	</h:head>
	<p:growl id="growl" showDetail="true" life="6000" />
	<p:layout style="width: 970px; height: 800px; margin: auto;">

		<p:layoutUnit position="top" height="80"
			style="width: 100%; border: 0px;" styleClass="CabeceraLayout">
			<div style="text-align: right;"></div>
			<h:panelGrid columns="3" width="100%" style="margin: 0;" border="0">
				<h:panelGrid style="margin: auto;">
					<h:graphicImage value="/imagenes/ahora2.png" width="50" height="50" />
				</h:panelGrid>
				<h:panelGrid columns="1" style="margin: auto; text-align: left;">
					<font face="Calibri" style="font-size: 1.8em; font-weight: bold;">
						Plataforma de Atención al Ciudadano </font>
				</h:panelGrid>
			</h:panelGrid>
		</p:layoutUnit>

		<p:layoutUnit position="right" styleClass="CabeceraLayoutMenu"
			scrollable="true" width="220">
			<br />
			<h:form>
				<h:panelGrid columns="5" style="width: 105px; margin: auto;"
					border="0">
					<p:commandButton title="Regresar al inicio del intranet"
						action="#{loginBM.backToInicioUser}" ajax="false" immediate="true"
						style="background: url('images/botton/inicioIntranet.png') no-repeat;
												background-position: center bottom; width: 24px; 
												height: 24px; border:0" />
					<p:spacer width="20" />
					<p:commandButton title="Cambiar contraseña"
						oncomplete="composeDlg.show()"
						actionListener="#{loginBM.limpiarDatosCambioPass}"
						style="background: url('images/botton/cambiocontra.png') no-repeat;
												background-position: center bottom; width: 24px; 
												height: 24px; border:0" />
					<p:spacer width="20" />

					<p:commandButton title="Salir del sistema"
						oncomplete="inicio.show()"
						style="background: url('images/botton/salirsistema.png') no-repeat;
												background-position: center bottom; width: 24px; 
												height: 24px; border:0" />
				</h:panelGrid>
			</h:form>
			<br />
			<p:panel header="Usuario" styleClass="menuIzquiera2">
				<h:panelGrid style="margin: auto;">
					<table>
						<tr>
							<td style="font-size: 0.85em; font-weight: bold;">
								#{loginBM.nombreCompletoUsuario}</td>
						</tr>
						<tr>
							<td style="font-size: 0.85em; font-weight: normal;">#{loginBM.nombreArea}
								- #{loginBM.nombreRol}</td>
						</tr>
					</table>
				</h:panelGrid>
			</p:panel>

			<h:form>
				<p:menu model="#{loginBM.mimenu}" position="center"
					styleClass="menuIzquiera" />
			</h:form>
		</p:layoutUnit>
		<!-- FRAME DEL CUERPO DE LA BANDEJA -->

		<p:layoutUnit position="center" scrollable="true">
			<div class="body" style="width: 100%;">
				<ui:insert name="body" />
			</div>
		</p:layoutUnit>


		<p:layoutUnit position="bottom" collapsible="true" height="300"
			resizable="true" id="MiBottomLayout" maxHeight="400"
			scrollable="true">
			<h:form id="formBottom">

				<p:tabView id="miDetalleExpediente">
					<p:tab title="Detalle del Expediente">
						<p:outputPanel id="display" autoUpdate="true">
						<table width="100%">
								<tr>
									<c:forEach var="ci" items="#{loginBM.objBandeja.listaCinta}">
										<td style="${ci.stylo}">
											<div align="center">
												Paso : ${ci.order} - ${ci.descArea} <br /> ${ci.descAccion}
											</div>
										</td>
									</c:forEach>
								</tr>
							</table>
							<table width="920" border="0" align="center">
								<tr>
									<td>
										<h:outputText value="Nombre del Procedimiento" />
									</td>
									<td colspan="3">
										<h:inputText value="#{loginBM.objBandeja.nombreProceso}" size="119"
									disabled="true" />
									</td>
								</tr>
								<tr>
									<td width="150">
										<h:outputText value="Fecha de Registro del Expediente" />
									</td>
									<td>
										<h:inputText value="#{loginBM.objBandeja.fechaRegistro}" size="43" disabled="true"></h:inputText>
									</td>
									<td width="150">
										<h:outputText value="Fecha de Final del Expediente"/>
									</td>
									<td>
										<h:inputText value="#{loginBM.objBandeja.fechaFin}" disabled="true" size="43"/>
									</td>
								</tr>
								<tr>
									<td>
										<h:outputText value="Area Remitente" />
									</td>
									<td >
										<h:inputText value="#{loginBM.objBandeja.descripcionArea}" size="43"
									disabled="true" />
									</td>
									<td>
										<h:outputText value="Usuario Remitente"
									title="El usuario que envió el expediente" />
									</td>
									<td>
										<h:inputText value="#{loginBM.objBandeja.nombreRemitente}" size="43"
									disabled="true" title="#{loginBM.objBandeja.nombreRemitente}" />
									</td>
								</tr>
								<tr>
									<td>
										<h:outputText value="Fecha de Registro del Expediente" />
									</td>
									<td>
										<h:inputText value="#{loginBM.objBandeja.fechaRegistro}" size="43"
									disabled="true" />
									</td>
									<td>
										<h:outputText value="Siguiente Area Encargada" />
									</td>
									<td>
										<h:inputText size="43"
									value="#{loginBM.objBandeja.nombreSiguienteAreaEncargada}"
									disabled="true" />
									</td>
								</tr>
								<tr>
									<td>
										<h:outputText value="Observaciones del Movimiento" />
									</td>
									<td>
										<h:inputTextarea value="#{loginBM.objBandeja.observacion}" size="43"
									disabled="true" />
									</td>
									<td colspan="2" align="center">
										<p:commandButton value="Iniciar Evaluación del Expediente"
									id="boton2333" action="#{bandejaExpediente.empezarEvaluacion}"
									actionListener="#{loginBM.limpiarformularioBandeja}"
									ajax="false" />
									</td>
									<td>
										
									</td>
								</tr>
								
							</table>
						</p:outputPanel>
					</p:tab>

					<!-- ///////////////////////////////////////////////////////////////  -->
					<p:tab title="Documentos internos">
						<div align="right">
							<h:commandLink action="#{documentosBM.crearDocumentoInterno}"
								ajax="false">
								<h:graphicImage url="images/botton/creardocumentoexpediente.png"
									title="Crear nuevo documento interno" style="border:0" />
							</h:commandLink>
						</div>
						<br />
						<p:outputPanel id="docCreados">
							<p:dataTable
								value="#{loginBM.objBandeja.listaDocumentosAdjuntados}" var="a"
								emptyMessage="No posee ningun documento interno">
								<p:column headerText="Id de documento"
									style="text-align: center;">
									<h:outputText value="#{a.id_documento}" />
								</p:column>
								<p:column headerText="Código documento"
									style="text-align: center;">
									<h:outputText value="#{a.codigo}" />
								</p:column>
								<p:column headerText="Usuario remitente"
									style="text-align: center;">
									<h:outputText value="#{a.usuario_remitente}" />
								</p:column>

								<p:column headerText="Tipo documento"
									style="text-align: center;">
									<h:outputText value="#{a.nom_tip_doc}" />

								</p:column>
								<p:column headerText="Fecha de registro"
									style="text-align: center;">
									<h:outputText value="#{a.fecha_registro}" />
								</p:column>
								<p:column headerText="Opción" style="text-align: center;">
									<p:commandButton title="Ver detalle del documento"
										actionListener="#{loginBM.docSeleccionado}"
										oncomplete="dlgCDenExp.show()"
										update="displayDIE,txtdisplayDIE"
										style="background: url('images/botton/verDoc.png') no-repeat;
												background-position: center bottom; width: 20px; 
												height: 20px; border:0">
										<f:param name="codDocInterSelect" value="#{a.id_documento}"
											id="codDocInterSelect" />
									</p:commandButton>
								</p:column>
							</p:dataTable>
						</p:outputPanel>
					</p:tab>
					<!-- ///////////////////////////////////////////////////////////////  -->
				</p:tabView>
			</h:form>

			<br />
			<div align="center">
				<span style="color: #03acec;">copyright &copy; 2011
					Gobernanza Consultores Asociados SAC. Derechos Reservados</span>
			</div>
		</p:layoutUnit>
	</p:layout>



	<p:confirmDialog
		message="¿Seguro de Derivar el Expediente Automaticamente?"
		hideEffect="explode" header="Confirmacion" severity="alert"
		widgetVar="confDeriAuto" modal="true">

		<h:form>
			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Si" update="growl" onchange="submit()"
					oncomplete="confDeriAuto.hide()" type="submit"
					action="#{loginBM.insertarDerivacionAutomaticaDeExpedientes}"
					ajax="false" />
				<p:spacer width="15" />
				<p:commandButton value="No" onclick="confDeriAuto.hide()"
					type="button" />
			</h:panelGrid>
		</h:form>
	</p:confirmDialog>

	<p:confirmDialog message="¿Está seguro que desea salir del sistema?"
		hideEffect="explode" header="Confirmacion" severity="alert"
		widgetVar="inicio" modal="true">
		<h:form>
			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Si" onchange="submit()"
					oncomplete="inicio.hide()" type="submit" action="#{loginBM.logOut}"
					ajax="false" />
				<p:spacer width="15" />
				<p:commandButton value="No" onclick="inicio.hide()" type="button" />
			</h:panelGrid>
		</h:form>
	</p:confirmDialog>

	<p:confirmDialog message="Seguro de Derivar el Expediente?"
		resizable="false" showEffect="bounce" hideEffect="explode"
		header="Confirmacion" severity="alert" widgetVar="confirmation"
		modal="true">
		<h:form>
			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Si" update="messages"
					oncomplete="confirmation.hide()"
					actionListener="#{loginBM.insertarMovimientoDocumento}" />
				<p:spacer width="15" />
				<p:commandButton value="No" onclick="confirmation.hide()"
					type="button" />
			</h:panelGrid>
		</h:form>
	</p:confirmDialog>


	<p:dialog widgetVar="composeDlg" header="Cambiar Contraseña"
		width="530" showEffect="fade" hideEffect="fade" modal="true"
		closeOnEscape="false" closable="false" resizable="false">
		<h:form>
			<h:panelGrid columns="3" cellspacing="10" style="margin:0 auto;">
				<h:outputText value="Contraseña antigua: " />
				<h:inputSecret id="idContAng" value="#{loginBM.contraAntigua}" />
				<p:spacer />
				<h:outputText value="Contraseña nueva: " />
				<h:inputSecret id="idContrNuev" value="#{loginBM.password1}">
					<p:ajax event="keyup" actionListener="#{loginBM.keyUp}"
						process="idContrNuev" update="nivelContra descClaveLeve" />
				</h:inputSecret>
				<h:panelGrid columns="1">
					<h:outputText value="#{loginBM.descClaveLeve}" id="descClaveLeve" />
					<h:graphicImage value="/images/botton/#{loginBM.ruta}"
						id="nivelContra" width="154" height="10" />
				</h:panelGrid>
				<h:outputText value="Confirmar nueva contraseña" />
				<h:inputSecret id="idContrNuevConf" value="#{loginBM.password2}">
					<p:ajax event="keyup" actionListener="#{loginBM.keyOver}"
						process="idContrNuevConf" update="resultPasswords" />
				</h:inputSecret>
				<h:outputText value="#{loginBM.resultPasswords}"
					id="resultPasswords" />
			</h:panelGrid>

			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Cambiar" ajax="false" onchange="submit()"
					oncomplete="inicio.hide()" type="submit"
					action="#{loginBM.cambiarPassword}" />
				<p:spacer width="15" />
				<p:commandButton value="Cancel" onclick="composeDlg.hide()"
					actionListener="#{loginBM.limpiarDatosCambioPass}" />
			</h:panelGrid>
		</h:form>
	</p:dialog>

	<p:dialog header="Vista preliminar" widgetVar="dlgCDenExp" width="800"
		height="600" showEffect="fade" hideEffect="fade" modal="true"
		resizable="false">
		<h:outputText id="txtdisplayDIE"
			value="#{loginBM.docInterSelect.contendoDocExp}" escape="false" />

	</p:dialog>
</f:view>
</html>
